<template>
  <div class="video-card">
    <div class="card-pic" v-for="(item,index) in cardNews" :key="index">
      <a href="#">
        <img :src="item.imgUrl" alt="" />
        <div class="count">
          <p class="title" >{{item.title}}</p>
          <i class="UPzhu" >
            <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-UPzhu"></use>
                            </svg>
               {{item.upName}}</i>
        </div>
      </a>
    </div>
  </div>
</template>

<script>
export default {
  props:{
    cardNews:{
      type:Array,
      required:true
      }
    },
  data() {
    return {

    };
  },
  methods:{
  }
};
</script>
<style scoped  src="./index.css";></style>
